@import "_reset.scss";
@function vw($num){
    @return ($num/750) * 100vw;
};
#preload_Page,#start_page{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 1s;
}
#preload_Page{
    background-image: url("../images/pre/pre_star.png") , url("../images/pre/pre_bg.jpg");
    background-size: vw(595), cover;
    background-repeat: no-repeat;
    background-position:  100% 100% ,center;
    z-index: 4;
    
    #preText{
        font-size: 50px;
        color: white;
    }
}
#start_page{
    z-index: 3;
    background-color: tomato;
    #start_btn{
        width: vw(380);
        height: vw(128);
        background-color: skyblue;
        line-height: vw(128);
        text-align: center;
        position:fixed;
        bottom: vw(33);
        left: vw(185);
        font-size: 30px;
        animation-iteration-count: infinite;
    }
}
#main_page{
    #opt_group{
        widows: 150px;
        li{
        height: 80px;
            margin-bottom: 15px;
            background-color: skyblue;
        }
    }
}